.content{
    float:left;
    width:79.5%;
    margin-left: 1%;
    //
    body{
        background-color: #f5f5f5;padding: 0;margin: 0
    }
    .continer{
        p{margin: 0}
        width: 100%;
        .header-main{
            background-color: white;
            overflow: hidden;
            padding: 20px;
            position: relative;
            .head-box{
                float: left;
                height: 140px;
                width:440px;
            }
            .head-img-box{
                margin-left: 40px;
                .head-img{
                    float: left;
                    width: 100px;
                    height: 100px;
                    border-radius: 50%;
                    margin-top: 20px;
                }
                h6{
                    color:#222;
                    font-size:18px;
                    margin-top:20px;
                }
                .user-info{
                    margin-top: 25px;
                    .user-name{
                        font-weight: 500;font-size: 18px;
                    }
                    .user-title{
                        margin-right: 30px;
                        //width:72px;
                        height:30px;
                        float:left;
                        span{
                            display: inline-block;
                            padding: 0 5px;
                            line-height: 22px;text-align: center;font-size: 12px;background-color: #e5e5e5;border-radius: 22px;
                            img{position: relative;top: 1px;margin-right: 5px}
                        }
                        .acticv-span{
                            background-color: #1a8dee;
                            color: white;
                            a{
                                display:inline-block;
                                color: #fff;
                            }
                        }
                    }
                    .user-account{
                        width:100px;
                        float:left;
                        line-height:30px;
                        font-size: 12px;color: #999999;
                        a{color: #b58f56}
                    }
                }

            }
            .empty{
                width: 1px;
                height: 98px;
                background-color: #eeeeee;
                margin-top:30px;
                float:left;
            }
            .pull-right{
                float:left;
                width:359px;
                padding-left:64px;
                p{
                    width:100%;
                }
                .row-assets{
                    font-family: MicrosoftYaHei;
                    font-size: 14px;
                    color: #333333;
                    margin-top:20px;
                }
                .p-info{
                    width:100%;
                    margin:20px 0 15px 0;
                    span{
                        font-family: MicrosoftYaHei;
                        font-size: 16px;
                        color: #b58f56;
                        display:inline-block;
                        float:left;
                    }
                    a{
                        display:inline-block;
                        width: 64px;
                        height: 28px;
                        float:right;
                        margin-right:20px;
                        text-align:center;
                        line-height:28px;
                    }
                    .recharge{
                        background-color: #b58f56;
                        border: solid 1px #b58f56;
                        color: #f5f5f5;
                    }
                    .withdraw{
                        background-color: #ffffff;
                        border: solid 1px #b58f56;
                        color: #b58f56;
                    }
                }
                .row-lines{
                    width:100%;
                    font-family: MicrosoftYaHei;
                    font-size: 13px;
                    color: #999999;
                }
            }

            .circle-box{
                width: 127px;
                margin-left: 95px;
                .list-box{
                    height: 70px;
                    overflow: hidden;
                    font-size: 14px;
                    font-weight: 500;
                    p{font-size: 12px;color: #999}
                    .list-float-left{
                        float: left;
                        margin-top: 5px;
                        .float-box{
                            color: #000;
                           p{
                               a{
                                   color:#999;
                               }
                           }
                        }

                    }
                    .list-float-right{
                        float:right;
                        margin-top:5px;
                        .float-box{
                        color: #000;
                            a{
                               color:#999;
                           }
                        }
                        p{
                           a{
                               color:#999;
                           }
                        }
                    }
                    .float-box{
                        line-height: 40px;
                        width: 40px;
                        display:block;
                        background:#f5f5f5;
                        text-align: center;
                        border-radius: 40px;
                        font-weight: 700;
                        position: relative;
                        img{
                            position: absolute;
                            top: 10px;
                            left: 25px;
                        }

                    }
                    .active-box{
                        background-color: #c19d67
                    }
                }
            }
            .head-right-box{
                float: right;
                width: 220px;
                padding-top: 25px;
                background-color: #f5f5f5;
                p{
                    font-size: 12px;
                    color: #666666;
                    margin-bottom: 10px;
                    margin-left: 25px;
                    .title-account{
                        color: #000000;
                        font-weight: 900
                    }
                }
                .btn-p{
                    .right-btn{
                        line-height: 20px;
                        width: 46px;
                        text-align: center;
                        border: none;
                        display:inline-block;
                    }
                    .chongzhi{
                        background-color: #b58f56;
                        color: white;
                    }
                    .tixian{
                        color: #b58f56;
                        border: 1px solid #b58f56;
                    }
                }

            }
            .first-right{
                margin-right: 10px
            }
        }
        .invested{
            width:100%;
            .inve-title{
                width:100%;
                margin:35px 0 25px 0;

                i{
                    display:inline-block;
                    width:3px;
                    height:26px;
                    background:#b58f56;
                    float:left;
                    margin-right:7px;
                }
                h3{
                    width:200px;
                    font-family: MicrosoftYaHei;
                    font-size: 18px;
                    color: #5b5f6d;
                    float:left;
                }
                a{
                    display:inline-block;
                    float:right;
                    color:#b58f56;
                    font-size:16px;
                    margin-right:10px;
                }
            }

            .investeds{
                width:100%;
                .invested-item{
                    width: 300px;
                    height: 410px;
                    background-color: #ffffff;
                    border-radius: 5px;
                    float:left;
                    margin-right:18px;
                    .item-top{
                        width:100%;
                        height:164px;
                        position:relative;
                        .status{

                            position:absolute;
                            top:0;
                            left:0;
                            z-index:2;
                            span{
                                display:inline-block;
                                font-family: MicrosoftYaHei;
                                font-size: 12px;
                                color: #333333;
                                position: absolute;
                                left: 25px;
                            }
                        }
                        .cover{
                            width:100%;
                            height:100%;
                            //display:none;
                            position: absolute;
                            top:0;
                            left:0;
                            background-image: linear-gradient(0deg,
                            rgba(32, 122, 172, 0.8) 0%,
                            rgba(22, 77, 143, 0.8) 100%),
                            linear-gradient(
                                    rgba(118, 8, 204, 0.8),
                                    rgba(118, 8, 204, 0.8));
                            background-blend-mode: normal,
                            normal;
                            opacity: 0.8;
                            //background:rgba(0,0,0,0.3)
                        }
                        .small{
                            width:100%;
                            height:100%;
                        }
                        em{
                            display:inline-block;
                            position:absolute;
                            top: 30%;
                            left: 50%;
                            transform: translate(-50%,-50%);
                            font-family: MicrosoftYaHei;
                            font-size: 12px;
                            color: #ffffff;
                        }
                        span{
                            position:absolute;
                            top:50%;
                            left:50%;
                            transform:translate(-50%,-50%);
                            font-family: MicrosoftYaHei;
                            font-size: 20px;
                            color: #ffffff;
                        }
                    }
                    .item-bottom{
                        height:246px;
                        padding:0 20px;
                        h4{
                            font-family: MicrosoftYaHei-Bold;
                            font-size: 14px;
                            color: #191c2b;
                            text-align:center;
                            margin-top:25px;
                            margin-bottom:40px;
                            a{
                                font-family: MicrosoftYaHei-Bold;
                                font-size: 14px;
                                color: #191c2b;
                            }
                        }
                        p{
                            height:38px;
                            font-family: MicrosoftYaHei;
                            font-size: 12px;
                            color: #15509a;
                            text-indent:2em;
                            //span{
                            //    display:inline-block;
                            //    float:left;
                            //    width:20%;
                            //
                            //}
                            //em{
                            //    display:inline-block;
                            //    font-style:normal;
                            //    float:left;
                            //    width:80%;
                            //}
                        }
                        .bps{
                            img{
                                float:left;
                                margin-right:18px;
                                width:24px;
                                height:20px;
                            }
                            a{
                                display:inline-block;
                                float:left;
                                margin-right:18px;
                                font-family: MicrosoftYaHei;
                                font-size: 12px;
                                color: #999999;
                            }
                        }
                    }
                }
            }

        }
    }
    .list{
        width:100%;
        .inve-title{
            width:100%;
            margin:35px 0 25px 0;

            i{
                display:inline-block;
                width:3px;
                height:26px;
                background:#b58f56;
                float:left;
                margin-right:7px;
            }
            h3{
                width:200px;
                font-family: MicrosoftYaHei;
                font-size: 18px;
                color: #5b5f6d;
                float:left;
            }
            a{
                display:inline-block;
                float:right;
                color:#b58f56;
                font-size:16px;
                margin-right:10px;
            }
        }
        .list-tab{
            margin-bottom: 20px;
            p{
                float:Left;
                line-height:30px;
            }
            a{
                font-family: MicrosoftYaHei;
                font-size: 16px;
                display:block;
                float:left;
                text-align:center;
                line-height:28px;
                width:70px;
                height:30px;
                color:#b58f56;
                background: #fff;
                //margin-right:20px;


            }
            .active-tab{
                background: #b58f56;
                color: #fff;
            }
        }
        table{
            width:100%;
            background:#fff;
            thead,tbody{
                width:100%;
                text-align:center;
                line-height:38px;

                tr{
                    height:38px;
                    td{
                        border:0;
                    }
                }
            }
            thead{
                background-color: #f8f8f8;
                font-family: MicrosoftYaHei;
                font-size: 12px;
                font-weight:bold;
                color: #9fa1b2;
            }
            .recharge-thead{
                display: table-header-group;
            }
            .withdraw-thead{
                display:none;
            }
            tbody{
                font-family: MicrosoftYaHei;
                font-size: 12px;
                color: #565974;
            }
        }
    }
}
